html,body {
    margin: 0;
    padding: 0;
    font: 'Lucida Grande', sans-serif;
    font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif !important;
    color: #333;
    /*font-size-adjust: none;*/
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
    background: url("images/sfumatura.png") repeat-x scroll top center; 

}

input[type="text"],fieldset input[type="password"],fieldset textarea,fieldset select,fieldset checkbox
    {
    padding: 4px 2px;
    display: block;
}

input {
    padding: 4px 2px;
}


a:hover {
    text-decoration: underline;
}

a {
    color: #2276BB;
    text-decoration: none;
}

div#header {
    display: block;
    float: left;
    width: 100%;
    height: 110px;
    background-color: transparent;
}


div#container {
    width: 1024px;
    margin: 0 auto;
    /*border-left: 1px;
    border-right: 1px solid #C8C8DE;
    border-left: 1px solid #C8C8DE;*/
}

div#content {
    margin: 0 200px;
    text-align: center;
}

div#content fieldset {
    border: none;
    text-align: center;
}

div#content {
    border: none;
    border-left: 1px solid #E9E8E8;
    border-right: 1px solid #E9E8E8;
    height: 100%;
}

div#wrapper {
    float: left;
    width: 100%
}

div#navigation {
    float: left;
    width: 200px;
    margin-left: -200px;
    /*background: #B9CAFF;*/
}

div#extra {
    float: left;
    width: 200px;
    margin-left: -100%;
    padding-left: 0px;
    /*background: #FF8539;*/
}

div#footer {
    clear: left;
    width: 100%;
    color: #000;
    padding-top: 28px;
}

div#footer p {
    margin: 0;
    padding: 5px 10px
}

#menu {
    padding-top: 5px; 
    float: right;
    display: inline;
    text-align: right;
    padding-right: 5px;
    width: 500px;
}

#menu ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#menu li {
    display: inline;
    padding: 0.08em 0.08em 0.08em 0.08em;
    white-space: nowrap;
}

#menu li a {

    padding: 0.2em 0.15em;
    border-bottom: 1px solid #000000;
    color: #000000;
    text-decoration: none;
    height: 17px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

#menu li a:hover {
    color: #2276BB;
}

#menu-dashed {
    float: left;
    display: block;
    width: 100%;
}

#menu-dashed li {
    font-size: 150%;
    display: inline;
    float: left;
    margin: 0.2em 0 0 8px;
    padding: 3px 2px;
}

#menu-dashed li a:hover {
    border: 1px solid #999999;
    color: #999999;
}

#menu-dashed li a {
    border: 1px dashed #A4A0A1;
    color: #A4A0A1;
    padding: 3px 12px;
    text-decoration: none;
}

#menu-dashed a.act {
    border: 1px solid #000000;
    color: #000000;
}

.addressRisto th {
    font-size: x-small;
    text-align: right;
    font-weight: lighter;
}

.addressRisto td {
    font-size: small;
    text-align: left;
    
}

.activitiesList {
    width: 95%;
    list-style-image: none;
    list-style-type: none;
    font-size: 0.95em;
    text-align: left;
    padding-bottom: 2px;
    padding-left: 6px;
    margin-left: 0px;
}

.activitiesList ul {
    display: inline;
    float: left;
}

.activitiesList li {
    color: #A4A0A1;
    margin: 7px 0px 0px 0px;
    padding-top: 10px;
}

.activitiesList li a {
    color: #000;
    text-decoration: none;
}

.activitiesList li a:hover {
    color: #000;
    text-decoration: underline;
}

.iconActivities {
    height: 12px;
    width: 12px;
}

.dateActivities {
    white-space: nowrap;
    width: 190px;
    float: left;
    padding-left: 15px;
}

#search-panel form fieldset {
    border: none;
}

.datatable {
    width: 70%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: left;
    font-size: medium;
}

.datatable tbody th {
    font-weight: normal;
    padding-top: 10px;
    width: 11em;
}

.datatable tbody th {
    display: none;
}

.datatable td {
    font-weight: normal;
    border-bottom: 1px solid #EEEEEE;
}

.datatable td {
    font-weight: normal;
    padding-top: 10px;
    text-align: left;
    width: 11em;
}

.datatable td.ristoName {
    font-weight: normal;
    padding-top: 10px;
    width: 50em;
}

.datatable tr.norecords-tr{
    display: none;
}

.form-risto {
    float: left;
}

.form-risto table {
    text-align: right;
    display: block;
}

.form-risto th {
    text-align: right;
}

.form-risto td {
    text-align: left;
    
}
.form-risto input {
    width: 300px;
    text-align: left;
}

#descriptionArea{
    width: 100%;
    display: block;
}
/* doesn't work
.uploadfield {
    border: 1px solid #AAAAAA !important;
}

.uploadfield input {
    border: 1px solid #AAAAAA !important;
}
*/

div .friendsList {
    text-align: left;
    display: block;
    height: 50px;
    border-bottom: 1px solid #EEEEEE;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 60px;
    background-repeat: no-repeat;
    font-size: medium;
}

div .friendName {
    width: 300px;
    float: left;
}

div .friendAvatar {
    float: left;
    width: 50px;
    display: block;
    padding-right: 6px;
}

.friendAvatar img {
    width: 50px;
    height: 50px;
}

div .friendType {
    float: left;
    width: 300px;
    font-size: small;
    font-style: oblique;
}

div .friendCenterColumn {
    width: 370px;
    float: left;
}

div .friendStatus {
    float: left;
    width: 300px;
    font-size: small;
    font-style: oblique;
}

div .friendsButton {
    float: right;
    font-size: xx-small;
}

div .friendsButton button{
    float: right;
    margin-left: 5px;
    font-size: xx-small;
}

div .smallFriendsList {
    text-align: left;
    display: block;
    height: 50px;
    border-bottom: 1px solid #EEEEEE;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 60px;
    background-repeat: no-repeat;
    font-size: medium;
}

div .smallFriendName {
    width: 150px;
    float: left;
}

div .smallFriendCenterColumn {
    width: auto;
    float: left;
}

div .smallFriendsButton {
    float: right;
    font-size: xx-small;
}

div .smallFriendsButton button{
    float: right;
    margin-left: 5px;
    font-size: xx-small;
}

div .dialogButton {
    float: right;
    font-size: xx-small;
}

div .dialogButton button{
    float: right;
    margin-left: 5px;
    font-size: xx-small;
}

.numberMessages{
    font-size: x-small; 
    color: #808080;
    text-align: left;
}
.rowMessageUnread{
    background-color: #ECEEF4;
}
.unreadMessages{
    font-size: x-small;
    font-weight: bold;
}

div .messageList {
    text-align: left;
    display: block;
    overflow: auto;
    border-bottom: 1px solid #EEEEEE;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 60px;
    /*background-image: url("images/avatar.gif");*/
    background-repeat: no-repeat;
    font-size: medium;
}

div .messageBody {
    float: left;
    width: 320px;
    color: #808080;
    font-size: small;
}

div .messageBody a {
    text-decoration: none;
    color: #808080;
}

div .messageBodyLink a {
    text-decoration: none;
    color: #2276BB;
}

div .innerLink a {
    text-decoration: none;
    color: #2276BB;
}

div .messageBodyLink a:hover {
    text-decoration: underline;
}

div .messageCenterColumn {
    width: 400px;
    float: left;
    font-size: small;
}

div .messageTitle {
    width: 320px;
    float: left;
}

div .messageInfos {
	padding-top: 5px;
    float: right;
    width: 320px;
    font-size: xx-small;
}

div .messageInfos a {
    font-style: normal;
    font-size: x-small;
}

.replyMessage{
    text-align: center;
    display: inline;
}

.leftButtonMessage{
    text-align: center;
    display: block;
}    

.autocomplete-risto ul {
    list-style-position: outside;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    padding-left: 3px;
    padding-top: 0px;
    border-left: 1px solid gray;
    width: 250px;
    background-color: white;
    font-size: small;
}

.autocomplete-risto .selected {
    color: #FFF;
    background: #3366CC;
}

.edit {
    text-align: right;
    padding-right: 10px;
    padding-bottom: 20px;
}

.risoTypeBox input {
    width: auto;
}

.risoTypeBoxView {
    font-style: italic;
    font-variant: small-caps;
}

.risoTypeBoxView span {
    border-left: thin dotted gray;
}

h1 {
    font-size: medium;
}

.titleAndGoHome {
    float: left;
    display: inline;
    text-decoration: none;
    padding-left: 0px;
    padding-top: 5px;
    width: 180px;
}

.titleAndGoHome img {
    float: left;
    display: compact;
    width: 80px;
    border-style: none;
}

img#scritta{
    width: 100px;
    padding-top: 8px;
}

input.deleteButton {
    background: transparent url("/images/delete_64_small.png") no-repeat
        center top;
    cursor: pointer;;
    border: none;
    width: 25px;
    height: 25px;
    color: white;
}

.titleMyActivities {
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    text-align: center;
    display: block;
    width: 100%;
}

.titleActivitiesOnRisto {
    padding-top: 4px;
    float: left;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 0.8em
    font-weight: bold;
}

.titleActivitiesOnRisto2 {
    padding-top: 4px;
    padding-bottom: 4px;
    float: left;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 0.8em
    font-style: italic;
}

.titleSmallBold {
    padding-top: 4px;
    padding-bottom: 6px;
    float: left;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 0.9em;
    background: url("images/underline.png") bottom repeat-x;
    font-style: oblique;
    
}


.descriptionLinks {
    text-align: left;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 8px;
}

.descriptionLinks ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.descriptionLinks li {
    border: 1px solid transparent;
    display: inline-block;
    font-size: 1em;
    padding: 0em 0.15em 0em 0em;
}

.descriptionTextArea{
    padding: 0.7em 0.7em 0.7em 0.7em;
}
.form-signup {
    text-align: left;
    float: left;
    display: block;
}

.form-signup th {
    text-align: right;
}

.captchaArea {
    text-align: center;
    width: 100%;
    float: left;
    display: block;
    padding-top: 5px;
}

.form-signup input {
    width: 300px;
    text-align: left;
}

.form-signup-submitarea {
    text-align: center;
    float: left;
    display: block;
}

td.submitarea {
    text-align: center;
}

.submitarea input {
    width: auto;
}

.buttons-centered-area{
    display: block;
    width: 100%;
    text-align: center;
}
.buttons-centered-area a {
    
}

.moreActivitiesArea {
    text-align: center;
}

.picturesList {
    list-style-image: none;
    list-style-position: inside;
    list-style-type: none;
}

#picturesList {
    float: left;
    display: block;
    width: 30%;
    height: 130px;
    vertical-align: bottom;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 7px;
}

#picturesList ul {
    width: 100%;
}

#picturesList img {
    border-style: none;
}


#picturesList li {
    border: transparent;
    display: inline-block;
    font-size: 1em;
}

#pictureButton {
    padding-top: 5px;
    text-align: center;
    position: relative;
    width: 100%;
    height: 18px;
    text-align: center;
}

#pictureButton input {
    margin-left: 8px;
    margin-right: 8x;
}

#picture div {
    width: 140px;
    height: 95px;
    text-align: center;
}

#picture img {
    width: 95px;
    height: 88px;
}

input.publishPictureButton {
    background: transparent url("/images/publish_picture.png") no-repeat
        center top;
    cursor: pointer;
    border: none;
    width: 25px;
    height: 25px;
    color: white;
}

input.unpublishPictureButton {
    background: transparent url("/images/unpublish_picture.png") no-repeat
        center top;
    cursor: pointer;
    border: none;
    width: 25px;
    height: 25px;
}

.upload-picture {
    width: 100%;
    text-align: center;
}

.upload-picture th {
    text-align: right;
}

.upload-picture ts {
    text-align: left;
}

.eateractivitiesList {
    list-style-image: none;
    list-style-position: inside;
    list-style-type: none;
    text-align: left;
    padding-bottom: 2px;
    padding-left: 130px;
    padding-right: 2px;
    padding-top: 2px;
}

.eateractivitiesList ul {
    display: inline;
    float: left;
}

.eateractivitiesList li {
    color: #A4A0A1;
    margin: 7px 0px 0px 0px;
}

.eateractivitiesList li a {
    color: #000;
    text-decoration: none;
}

.eateractivitiesList li a:hover {
    color: #000;
    text-decoration: underline;
}

.iconActivities {
    height: 12px;
    width: 12px;
}

.eaterDateActivities {
    white-space: nowrap;
    width: 100%;
    float: left;
    padding-left: 15px;
}

#menu-languages {
    float: right;
    display: block;
    text-align: right;
    width: 250px;
}

#menu-languages ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#menu-languages li {
    display: inline-block;
    font-size: 0.7em;
    padding: 0.5em 0.15em;
}

#menu-languages li a {
    display: inline-block;
    font-size: 1.00em;
    padding: 0.2em 0.15em;
    border-bottom: 1px solid #000000;
    color: #000000;
    text-decoration: none;
    height: 17px;
    overflow: hidden;
}

#menu-languages .selected {
    text-decoration: underline;
}

#menu-languages li a:hover {
    color: #2276BB;
}

.descriptionNotAvailableLang {
    color: gray;
}

.feedBackPanelBox {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}

.feedBackPanelArea {
    margin-left: 220px;
    margin-right: 220px;
}

.feedBackPanelArea ul{
    padding: 0px 0px 0px 0px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
.feedBackPanelArea li{
    padding: 0px 0px 0px 0px;
}

.feedbackPanel {
    text-align: center;
}

.feedbackPanel {
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
    /*text-align: center;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;*/
}

.feedbackPanelINFO {
	border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; 
    text-shadow: 1px gray;
    font-style: italic;
}

feedbackPanelERROR {
    color: red;
}



.commentsList {
    list-style-image: none;
    list-style-position: inside;
    list-style-type: none;
}
#commentArea{
    float: left;
    display: block;
    width: 100%;
    overflow: auto;
    padding-bottom: 15px;
}
#commentsList {
    float: left;
    display: block;
    width: 100%;
    vertical-align: bottom;
    border-bottom: 1px solid #EEEEEE;
    margin-top: 10px;
    margin-bottom: 7px;
    text-align: left;
}

#commentsList ul {
    width: 100%;
}

#commentsList li {
    border: transparent;
    display: inline-block;
    font-size: 1em;
}

#comment .comnentBody {
    background-color: blue;
}

#commentHeader {
    font-size: 0.9em
}

#commentHeader .commentTitle {
    font-style: italic;
}

#commentHeader .commentTime {
    text-align: right;
    font-size: 0.9em
}

#commentBody {
    font-size: 0.9em
}

.form-comment {
    float: left;
    display: block;
}

.form-comment th {
    text-align: right;
}

.form-comment input {
    width: 300px;
    text-align: left;
}

.avatar {
    width: 50px;
    height: 50px;
}

.avatar-account {
    width: 150px;
}

.form-send-message {
    float: left;
    display: block;
}

.form-send-message-title th {
    text-align: right;
}

.form-send-message-title input {
    width: 520px;
}

.form-send-message-isprivate th {
    text-align: left;
}

.form-send-message-isprivate td {
    text-align: right;
}

.closeButton {
    text-align: center;
    display: block;
}

.gmap {
    width: 500px; 
    height: 300px;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
}

.x-smalltext {
    font-size: 0.8em
}

.smalltext {
    font-size: 0.9em
}

.mediumtext {
    
}

.simpleSmallLink{
    text-decoration: none; 
    color: black;
}

.risto-view{
    text-align: left;
    width: 100%;
}



.searchRisto {     
    display: inline;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin:   0px 0px 0px 0px;
}

.searchRisto input{
    display: block;
    float:left;
}

.searchRisto button{     
    display: block;
    float: right;    
}


#inputSearch {
    display: block;
    width: 20%;
}

#search-panel li {
    display: inline;
    font-size: 1em;
    padding: 0.5em 0.15em 0.5em 0.5em;
}

.buttonNavigation{
    margin-left: -20px;
    text-align: center;   
}

.buttonNavigation ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

.buttonNavigation li {
    display: block;
    font-size: 1em;
    padding: 5px 5px 5px 5px;
}

.inlinestyle{
    display: block;
    text-align: center!important;
    width: 100%;
}
    

.signInForm table{
    text-align: center;
    width: 100%;
}

.signInForm th{
    text-align: right;    
}

.signInForm td{
    text-align: left;   
}

.signInForm INPUT[type="text"], INPUT[type="password"]{
    width: 200px;
    size: 200px;
}

.formcenter table{
    text-align: center;
    width: 100%;
}

.forceinline{
    display: inline;
    width: auto;
    background: yellow;
}


.messageFolder ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}


.messageFolder li{
    float: left;
    text-align: center;
    width: 100%;
    padding-top: 20px;
}

.buttonNavigation ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

.buttonNavigation li{
    float: left;
    text-align: left;
    width: 100%;
    padding-top: 10px;
}

.datatable{
    width: 90%;
    margin-left: 3%;
    margin-right: 3%;
    text-align: center;
    display: block;
}

.signupLinkMenu{
    margin-right: 20px;
}
/*button {
    border: 1px solid #AAAAAA;
    padding: 4px 2px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
}
*/

.datatableRevision {
    width: 90%;
    margin-left: 3%;
    margin-right: 3%;
    text-align: left;
    font-size: 0.8em
}

.datatableRevision th {
    text-align: center;
}

.datatableRevision td {
    font-weight: 1em;
    border-bottom: 1px solid #EEEEEE;
    text-align: center;
}

.datatableRevision td.description {
    font-weight: 1em;
    text-align: justify;
    width: 45em;
}

.datatableRevision th.small {
    width: 2em;
}

.datatableRevision th.medium {
    width: 10em;
}

.facebookSignUpButton{
    margin:0px 0px 0px 0px;
    background-color:transparent;
    border:0px ;
    white-space: nowrap;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    line-height:130%;
    font: xx-small;
    text-decoration:none;
    font-weight:bold;
    color: buttontext;
    cursor:pointer;
    padding:0px 0px 0px 0px; /* Links */
    float: none;
}

.facebookSignUpButton:hover{
    background-color: transparent;
    border:0px;
    color: buttontext;
}

.facebookPanel{
    display: inline;
    width: 100%;
}
.facebookPanel td{
    text-align: left;
    padding-top: 15px;
}
.facebookPanel th{
    text-align: right;
    padding-top: 15px;
}

.infoTitle{
    font-size: small;
    text-align: justify;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}

.infoText{
    font-size: small;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

.infoText li{
    padding-bottom: 5px;
}

.date{
    font-size: x-small;
    font-style: italic;
}

.cityOrCountrySelected{
    font-size: medium;
    font-weight: bold;
}



.friendSmallList {
    width: 95%;
    list-style-image: none;
    list-style-type: none;
    font-size: x-small;
    text-align: left;
    padding-bottom: 2px;
    padding-left: 6px;
    margin-left: 0px;
}

/*.friendSmallList ul {
    display: inline;
    float: left;
}
*/
.friendSmallList li {
    color: #A4A0A1;
    height: auto;
    margin: 7px 0px 0px 0px;
    display: block;
    float: left;
}

.friendSmallList li a {
    color: #000;
    text-decoration: none;
}

.friendSmallList li a:hover {
    color: #000;
    text-decoration: underline;
}


.eaterAndAvatar{
    display: inline;
    width: auto;
    vertical-align: top;
}
.eaterAndAvatar h1{
    vertical-align: top;
    display: inline;
    width: auto;
}

#bysy_indicator {
  display: none;
  float: left;
  background: transparent url("/images/wait22trans.gif") no-repeat center top;
  margin-top: 41px;
  z-index: 1000;
  width: 22px;
  height: 22px;
  text-align: center;
  position: absolute;
}

.homeabout{
    font-size: 0.9em;
    line-height: 20px;
    padding-left: 4px;
    padding-right: 4px;
}

.privacy{
    text-align: left;
    padding-left: 10px;
}

.firstLineFooter{
    font-size: 0.8em;
}

.modal-warning-text{
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	font-size: 0.9em
}

.modal-warning-button{
	padding-top: 10px;
	display: block;
	text-align: center;
}

.imageBig{
	max-width: 450px; 
}


.smallRistoList {
    width: 95%;
    list-style-image: none;
    list-style-type: none;
    font-size: 0.8em
    text-align: left;
    padding-left: 6px;
    margin-left: 0px;
}

.smallRistoList ul {
    display: inline;
    float: left;
}

.smallRistoList li {
    color: #A4A0A1;
    margin: 7px 0px 0px 0px;
    padding-top: 2px;
}

.smallRistoList li a {
    color: #000;
    text-decoration: none;
}

.smallRistoList li a:hover {
    color: #000;
    text-decoration: underline;
}

.tagSmallBold {
    font-size: 0.9em
}

.suggestFriendButton{
	text-align: center;
	padding: 3px 3px 3px 3px;
}

.suggestFriendPanelTitle{
	text-align: center;
}

.allignedBox120{
	float: left; 
	width: 120px;
}
.allignedBox320{
	float: left; 
	width: 320px;
}

.w_caption{
	display:block; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	padding: .5em 1em .3em; position: relative; 
	border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; 
}

.ui-widget-content{
	background-color: white;
	background: repeat-x repeat-x;
	}

.labo{
	/*color: #ffffff; font-weight: bold;
	display:block; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	padding: .5em 1em .3em; position: relative; 
	border: 1px solid #e78f08;
	background: url(images/labo.png) 5% 5% repeat-x;
	background-position: top; */  	 
}

.boldText{
	font-weight: bold;
}
.w_close{
	background-image:url("frame-gray-1-alpha.png");
}

.ui-button{
	font-size: 0.9em
}

.blackboard_en{
	background: transparent url('images/blackboard_en.png') no-repeat center top; 
	width: 540px; 
	height: 200px;	 
	border: 0px solid #CCCCCC;
    color: #FFF;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 10px;
    text-shadow: blue;
    font-weight: lighter;
    font-style: italic;
    font-stretch:  expanded;
}

.blackboard_it{
	background: transparent url('images/blackboard_it.png') no-repeat center top; 
	width: 540px; 
	height: 200px;	 
	border: 0px solid #CCCCCC;
    color: #FFF;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 10px;
    text-shadow: blue;
    font-weight: lighter;
    font-style: italic;
    font-stretch:  expanded;
}

